<%-- 
    Document   : TrangChu
    Created on : Dec 15, 2012, 1:33:39 PM
    Author     : USER
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Nhà sách Nhân - Sĩ</title>
        <link type="text/css" rel="stylesheet" href="css/style.css"/>
    </head>
    <body>
        <div id="wrapper">
            <div id="header">
                <div id="menu-header-right">
                    <ul>
                        <li><strong>TÌM KIẾM</strong></li>
                        <li><input name="" type="text" /></li>
                        <li> <select name="">
                                <option value="1">Sách Tiếng Việt</option>
                                <option value="2">Sách Tiếng Anh</option>
                            </select>
                        </li>
                        <li><input name="btnTim" type="button" value="Tìm" id="button" /></li>
                    </ul>
                </div>
                <div id="gio-hang">
                    <img src="image/gio-hang.jpg"/>
                    <div>Số tiền: 2000000 đ</div>

                </div>
                <div id="logo-slogan-header">
                    <div id="logo-header">
                        <img src="image/flower1.png"/>
                        <h3>Nhà sách Nhân - Sĩ</h3>
                    </div>
                    <div id="slogan-header">
                        <h3>SÁCH - NGƯỜI BẠN ĐỒNG HÀNH TRI THỨC</h3>
                    </div>
                </div>
                <div id="quangcao">
                    Hình quảng cáo
                </div>
                <div id="menu-header">
                    <ul id="nav">
                        <li><s:a action="TrangChu">TRANG CHỦ</s:a></li>
                        <s:iterator var="loaiSach" value="%{#request.listLoaiSach}">
                            <li><s:a href="#"><s:property value="#loaiSach.tenLoaiSach"/></s:a>
                                <ul>
                                  
                                    <s:iterator var="dm" value="#loaiSach.danhMucs">
                                        <li><s:a action="xem-danh-muc.action?maDanhMuc=%{#dm.maDanhMuc}">
                                                <s:property value="#dm.tenDanhMuc"/>
                                            </s:a>
                                        </li>
                                      
                                    </s:iterator>
                                </ul>
                            </li>
                        </s:iterator>

                    </ul>

                </div>
            </div>
            <div id="content">
                <div id="content1">
                    <div class="content-header"><h3>Sách mới nhất</h3></div>
                    <div class="sach">
                        <ul>
                            <s:iterator var="s" value="listSachMoi">
                                <li><s:a action="xem-thong-tin-sach.action?maSach=%{maSach}">
                                        <img src="image/neu_con_co_tinh_yeu.91x140.b.jpg" />
                                        <div class="character">
                                            <p><s:property value="tenSach"/></p>
                                            <p><font color="#FF0000"><s:property value="giaBan"/> VNĐ</font></p>
                                        </div>
                                    </s:a>
                                </li>
                            </s:iterator>
                        </ul>

                    </div>

                </div>
                <div id="content2">
                    <div class="content-header"><h3>Sách bán chạy nhất</h3></div>
                    <div class="sach">

                        <ul>
                            <s:iterator value="listSachHot">
                                <li><s:a action="xem-thong-tin-sach.action?maSach=%{maSach}">
                                        <img src="image/neu_con_co_tinh_yeu.91x140.b.jpg" />
                                        <div class="character">
                                            <p><s:property value="tenSach"/></p>
                                            <p><font color="#FF0000"><s:property value="giaBan"/> VNĐ</font></p>
                                        </div>
                                    </s:a>
                                </li>
                            </s:iterator>
                        </ul>
                    </div>

                </div> 
            </div>
            <div id="tin-tuc">
                <div id="header-content">
                    <h3>TIN TỨC</h3>
                </div>
            </div>
            <div id="footer">
                footer
            </div>

    </body>
</html>
